home *** CD-ROM | disk | FTP | other *** search
/ Microsoft PLUS! for XP / PLUS_XP.ISO / personal dj / 1033 / personaldj.chm / coua.css < prev    next >
Cascading Style Sheet File  |  2003-06-20  |  8KB  |  305 lines
  1. /* Style sheet optimized for IE4x - Last updated 2/9/99 */
  2.  
  3. body            { color: #000000;
  4.         margin-top: -.5em;
  5.         background: #FFFFFF;      
  6.         font-size: 70%;            
  7.         font-family: Verdana, Arial, Helvetica, Sans Serif }
  8.  
  9. a:link, a:visited     { color: "#0000FF"; text-decoration:"underline";}
  10.  
  11. a:active, a:hover     { color: "#FF0000";  cursor:hand; text-decoration:"underline";}
  12.  
  13. h1
  14.         { font-size: 125%; 
  15.         margin-bottom:" .5em"; clear:both; }
  16.  
  17. h2
  18.         { font-size: 110%;  
  19.         margin-top: 1.5em;
  20.         margin-bottom:" .5em"; clear:both; }
  21.  
  22. h3
  23.         { font-size: 100%; 
  24.         margin-top: 1.2em;  
  25.         margin-bottom: ".5em"; clear:both; }
  26.  
  27. h4
  28.         { font-size: 100%; 
  29.         margin-top: "1.2em";  
  30.         margin-bottom: ".5em"; clear:both; }
  31.  
  32. h5
  33.         { font-size: 100%; 
  34.         margin-top: "1.2em";  
  35.         margin-bottom: ".5em"; clear:both; }
  36.  
  37. p
  38.         { margin-top:" .6em"; 
  39.         margin-bottom: ".6em"; }
  40.             
  41. ol
  42.         { margin-top: ".5em"; 
  43.         margin-bottom: 0; 
  44.         margin-left: "2.1em"; 
  45.         padding-left: "0em"; }
  46.     
  47. ul
  48.         { margin-top: ".6em";     
  49.         margin-bottom: 0;
  50.         list-style-type: disc;
  51.         margin-left: "1.5em";
  52.         padding-left: "0em"; }
  53.         
  54. li
  55.         { margin-bottom: ".7em"; clear:both; }
  56.  
  57. dd
  58.         { margin-bottom: 0; 
  59.         margin-left: "1.5em"; } 
  60.  
  61. /* for defined terms, follow the "Document Conventions" listing in the Microsoft Manual of Style: */
  62. /* Keywords, functions, and anything else the user must enter exactly as shown are bold--add "font-weight: bold;" to the dt tag */
  63. /* Variables, book titles, and placeholders the user must provide are italic--add "font-style: italic;" to the dt tag */
  64. /* pre-defined arguments are bold and italic--add "font-weight: bold;" and "font-style: italic;" to the dt tag */
  65.  
  66. table.main{                                    
  67.     font-family: Verdana, Arial, Helvetica, MS Sans Serif;            
  68.     background-color: #FFFFFF;                        
  69.     margin-top: 0em;                             
  70.     margin-bottom: 0em;
  71.     margin-left: -.8em;                    
  72.     padding-left: 0em;                            
  73.     padding-right: 0em; 
  74.     }
  75.  
  76. dt
  77.         { margin-top: "2em"; }
  78.  
  79. pre
  80.         { margin-top: "1.2em";
  81.         background: #EEEEEE;
  82.         margin-bottom: "1.5em"; }
  83.  
  84. code
  85.         { font-family: Courier New; 
  86.         font-size: 125% }
  87.  
  88. table
  89.         { font-size: 100%;
  90.         margin-top: "1em"; 
  91.         margin-bottom: "1em"; 
  92.         cellpadding: "0.5em"; }
  93.         
  94. th
  95.         { text-align: left;
  96.         background: #DDDDDD;
  97.         vertical-align: bottom;}
  98.         
  99. tr
  100.         { vertical-align: top; }
  101.  
  102. td
  103.         { background: #EEEEEE;
  104.         vertical-align: top; }
  105.  
  106.  
  107. /****      extended class styles ************************/
  108. /*                                           */
  109. /* add comment tags to disable the style         */
  110.  
  111. p.indent        { margin-left: "2em"; }       /* this class style is used to indent text for notes and warnings; use this instead of the blockquote tag */
  112.  
  113. p.indent2        { margin-left: "3.5em"; }   /* this class style is used to indent text a second level under the first  indent */
  114.         
  115. p.proclabel    { font-size: 100%;     
  116.         font-weight: bold; clear: both; }
  117.  
  118. /**************************************************************************************************************/
  119. /* these class styles are used for the expanding and collapsing text files (expand function in shared.js)  */
  120.  
  121. #expand             {margin-bottom: "0.6em";}
  122.  
  123. a:link.expandToggle, a:visited.expandToggle     {color:"#000000"; font-weight: bold;  text-decoration:none;}
  124.  
  125. a:hover.expandToggle, a:active.expandToggle     {color:"#0000FF";}
  126.  
  127. img.expand         { border: none; width:".8em"; margin-right:"0.5em";}
  128.         
  129. div.expand        { margin-left: "1.5em"; margin-bottom: "1em"; display:none }
  130.  
  131.  
  132. p.empty            { font-weight: bold; }
  133.  
  134. span.empty        { font-weight: bold; margin-bottom: 12; margin-left: 16 }
  135.  
  136. /*******************************************/
  137. /*  these classes are for thumbnail art      */
  138.  
  139. a:link img.thumbnail        {border-color: "#0000FF";}
  140.  
  141. a:active img.thumbnail    { border-color: "#FF0000";}
  142.  
  143. a:hover img.thumbnail    {border-color: "#FF0000";}
  144.  
  145. img.thumbnail        {vertical-align: top; margin-left: 0;
  146.              width:90; border-width:1;}
  147.          
  148. div.thumbnail        {float:left; width: 105;}
  149.         
  150.  
  151. /*********************************************/                
  152. /* this class style is used for the navigation tree in MMC */
  153.         
  154. p.navTree        { margin-top:" .2em"; }
  155.  
  156. ul.navTree     {list-style-image: url(MS-ITS:ntshared.chm::/elle.gif);
  157.          list-style-type: none; margin-left:"2em"; }
  158.  
  159. li.branch        { margin-top:" -.5em"; margin-bottom: ".6em"; }
  160.  
  161. a.where            {}    /* use for the expand <a> tag 
  162.  
  163. /***************************************************************/
  164. /* these class styles are used for <span> tags  simulating buttons & their div */
  165.  
  166. .button        { border-top-color: "#000000";
  167.           border-left-color: "#000000";
  168.           border-bottom-color: "#666666";
  169.           border-right-color: "#666666";
  170.           background-color: "#dddddd";
  171.         }
  172. .push        { border-top-color: "#666666";
  173.           border-left-color: "#666666";
  174.           border-bottom-color: "#000000";
  175.           border-right-color: "#000000";
  176.           background-color: "#FFFFFF";
  177.         }
  178.  
  179. #buttonDiv    { padding: 0.5em 0.3em 0.1em 0.3em;
  180.           border-bottom: thin groove #808080;
  181.           background: "#C0C0C0";
  182.           align:top;
  183.           }
  184. /************************************************/
  185. /* class styles reserved for mouseover/mouseout DHTML   */
  186.  
  187. .cold        {}
  188. .hot        {}
  189.  
  190. /**********************************************************************/
  191. /* ID styles reserved for <a> tags  calling OCX's within HTML Help by creating  OBJECTS */
  192.  
  193.  
  194. #wPopup        {}
  195.  
  196. a:link#wPopup        {color: "#006600";}
  197. a:hover#wPopup        {color: "#FF0000";}
  198. a:active#wPopup        {color: "#FF0000";}
  199. a:visited#wPopup        {color: "#006600";}
  200.  
  201. img.popup     {border: none; margin-right: "0.5em"; vertical-align:middle;}
  202.  
  203. #shortcut        {}
  204.  
  205. img.shortcut     {border: none; margin-right: "0.5em"; vertical-align:middle;}
  206.  
  207. #specLoc        {}
  208.  
  209. #relTopics        {}
  210.  
  211. p.relTopics img     {vertical-align:top;}     /* img is class=alert */
  212.  
  213. #altLoc        {}
  214.  
  215. p.note,p.tip, p.important, p.caution, p.warning 
  216.         { font-weight:bold; clear:both;
  217.          margin-top:"1em"; 
  218.          margin-bottom:"-.25em"; }    
  219.  
  220. img.alert        {border:none;}          /* for icon images - note, tip, important, caution, warning*/
  221.  
  222.  
  223. /***********************************/
  224. /*   Style for print only functionality used with external URL link   coUA_print.css*/
  225.  
  226. span.printOnly    {display:none }
  227.  
  228. /***********************************/
  229. /*   Styles for checklists   */
  230.  
  231. .userData         {behavior:url(#default#userdata); }  /*sets persistance*/
  232.  
  233. #checklist        {width:100%;  text-align:left; margin:"0.3em 0em";}
  234.  
  235. #checklist li     {text-indent:"0.2em";}
  236.  
  237. /*********************************/                
  238. /*  these classes are for previous next navigation     */
  239.  
  240. a:hover.navbar, a:active.navbar        {} /* text in nav */
  241. a:link.navbar, a:visited.navbar        {}
  242.               
  243. #nav    { left:0; top:0px;
  244.       text-align:left; 
  245.       margin:0; 
  246.       position:absolute;
  247.       padding-bottom: 1px; padding-top: 3px;
  248.       padding-right:6px; padding-left:5px;
  249.       align:top;
  250.       visibility:hidden;
  251.       z-index:1;  }
  252.  
  253. #text    { left:0; top:0px;
  254.        text-align:left;
  255.        margin:0; 
  256.        position:absolute;
  257.        padding:10px;
  258.        overflow:auto;
  259.        height:100%;
  260.        z-index:1; 
  261.                 background-repeat:no-repeat;
  262.        background-position: bottom right;
  263.        background-attachment:fixed; }
  264.  
  265.  
  266. /***************************************************/
  267. /* STYLES USED IN THE WEB DELIVERABLE ONLY  */
  268.  
  269.  
  270. /***********************************/
  271. /*   links   */
  272.  
  273. #wPopupWeb    {}
  274.  
  275. a:link#wPopupWeb            {color: "#006600";}
  276. a:hover#wPopupWeb        {color: "#FF0000";}
  277. a:active#wPopupWeb        {color: "#FF0000";}
  278. a:visited#wPopupWeb        {color: "#006600";}
  279.  
  280. #shortcutWeb    {}
  281.  
  282. #specLocWeb    {}
  283.  
  284. #relTopicsWeb    {}
  285.  
  286. #altLocWeb    {}
  287.  
  288.  
  289. /***********************************/
  290. /*   popups   */
  291.  
  292. div.popup        { visibility:hidden; z-index:3;
  293.                  position:absolute; 
  294.                  top:200; left:200; 
  295.                  width:"250"; padding:"6px"; 
  296.                  background-color:#FFFFCC;
  297.                  border-style: solid;
  298.                  border-width: 1;
  299.                  border-color: #666666;
  300.                                       }
  301.  
  302.  
  303.  
  304.               
  305.